import Vue from 'vue'
import {
  Button, Form, FormItem, Input, Message, Container,  Header, Aside, Main, Menu, Submenu,
  MenuItem, Breadcrumb, BreadcrumbItem, Card, Row, Col, Table, TableColumn, Switch, Tooltip,
  Pagination, Dialog, MessageBox, Tag, Tree, Select, Option, Cascader, Alert, Tabs, TabPane,
  Steps, Step, CheckboxGroup, Checkbox, Upload, 
} from 'element-ui'

// 导入时间线组件 下面还要 .use
import Timeline from './timeline/index.js'
import TimelineItem from './timeline-item/index.js'

// 全局使用
Vue.use(Button)
Vue.use(Form)
Vue.use(FormItem)
Vue.use(Input)
Vue.use(Container)
Vue.use(Header)
Vue.use(Aside)
Vue.use(Main)
Vue.use(Menu)
Vue.use(Submenu)
Vue.use(MenuItem)
Vue.use(Breadcrumb)
Vue.use(BreadcrumbItem)
Vue.use(Card)
Vue.use(Row)
Vue.use(Col)
Vue.use(Table)
Vue.use(TableColumn)
Vue.use(Switch)
Vue.use(Tooltip)
Vue.use(Pagination)
Vue.use(Dialog)
Vue.use(Tag)
Vue.use(Tree)
Vue.use(Select)
Vue.use(Option)
Vue.use(Cascader)
Vue.use(Alert)
Vue.use(Tabs)
Vue.use(TabPane)
Vue.use(Steps)
Vue.use(Step)
Vue.use(CheckboxGroup)
Vue.use(Checkbox)
Vue.use(Upload)
Vue.use(Timeline)
Vue.use(TimelineItem)

// 对于Message比较特殊，需要进行全局挂载 这样每一个组件都可以通过this.$message访问$message进行弹框提示
// $message可以任意取名
Vue.prototype.$message = Message
Vue.prototype.$confirm = MessageBox.confirm

